import React from 'react';
import { SimpleLink } from '../wangTypes/index';

const Footer: React.FC = () => {
  const footerColumns = [
    {
      title: '购物指南',
      links: [
        { text: '购物流程', url: '#' },
        { text: '会员介绍', url: '#' },
        { text: '常见问题', url: '#' }
      ]
    },
    {
      title: '配送方式',
      links: [
        { text: '上门自提', url: '#' },
        { text: '海外配送', url: '#' }
      ]
    },
    {
      title: '支付方式',
      links: [
        { text: '分期付款', url: '#' },
        { text: '公司转账', url: '#' },
        { text: '邮局汇款', url: '#' }
      ]
    },
    {
      title: '售后服务',
      links: [
        { text: '售后政策', url: '#' },
        { text: '退款说明', url: '#' }
      ]
    }
  ];

  return (
    <footer className="footer">
      <div className="footer-container">
        {footerColumns.map((column, index) => (
          <div key={index} className="footer-column">
            <h4 className="footer-title">{column.title}</h4>
            {column.links.map((link, linkIndex) => (
              <a key={linkIndex} href={link.url} className="footer-link">
                {link.text}
              </a>
            ))}
          </div>
        ))}
      </div>
    </footer>
  );
};

export default Footer;